$(function () {

  // 1-渲染商品详情页面
  //  => 获取低当前商品id
  var id = decodeURI(location.search.split('=')[1]);
  console.log(id);
  //2- 根据发送ajax请求
  $.ajax({
    type: 'get',
    url: '/product/queryProductDetail',
    data: { id: id },
    dataType: 'json',
    success: function (res) {
      console.log(res);
      $(".mui-scroll").html(template('tmp', res));
      // 因为这里的轮播图是动态生成的 => 之前对轮播图注册简单事件不能触发
      //在动态dom结构生成后，手动调用图片轮播的初始化
      var gallery = mui('.mui-slider');
      gallery.slider({
        interval: 2000//自动轮播周期，若为0则不自动播放，默认为0；
      });
      // 给数字输入框绑定事件
      mui(".mui-numbox").numbox();
    
    }
  });
  // 3-让选中的尺码高亮  排他
  $('.mui-scroll').on('click','.lt_size span',function(){
    $(this).addClass('current').siblings().removeClass('current');
  });
  // 4-加入购物车
  // 1-点击加入购物车，获取数据（id，num，size) 校验数据是否完整
  // 不完整，提示用户，并到此结束
  // 完整，发送请求
  // 判断返回的信息：
  // 成功(登录过)=> 跳转到购物车页面
  // 不成功(没有登录过) => 被迫跳转到登录页面
  $("#addCart").click(function (){
      var size=$(".lt_size .current").text();
      var num=$('.mui-numbox-input').val();
      // console.log(id,num,size);
      if(!size){
        mui.toast('请选择尺码');
        return;
      }
      // 请求
      $.ajax({
        type:'post',
        url:'/cart/addCart',
        data:{
          id:id,
          num:num,
          size:size
        },
        dataType:'json',
        success:function(res){
          console.log(res);
          // 结果处理
          if(res.success){
          //  成功：询问用户是否去购物车页面
          mui.confirm('添加购物车成功','温馨提示',['继续浏览','去购物车'],function(e){
            if(e.index==1){
              // 跳转到购物车页面
              location.href='./cart.html';
            }
          })
          }
          if(res.error){
            // 没有登录，被迫去登录页登录 => 拼上当前页的地址 =>登录成功时返回当前页
            // reURL=location.href;
            location.href='./login.html?reURL='+location.href;
          }
        }
      })
  })
})